@charset "UTF-8";
/**
 * @Description: 自定义常用样式
 * @Author: Leungyh
 * @Date: 2019-09-11
 */
html, body, #app, .app-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-width: 1200px;
    overflow: auto;
    font-family: "Avenir", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
ul, ol { list-style: none; }
img { border: 0 none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

/* 清除浮动 */
.clearfix{ *zoom: 1; }
.clearfix:after{ 
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* 显隐 */
.d-n { display: none !important; }
.d-b { display: block; }
.d-ib { display: inline-block; }

/* 过渡 */
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.3s;
}
.fade-enter,
.fade-leave-active {
    opacity: 0;
}
/* v-viewer修改样式 */
.viewer-toolbar > ul > li {
    border-radius: 10px;
}
.viewer-toolbar > ul > .viewer-prev {
    position: fixed;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 70px;
}
.viewer-toolbar > ul > .viewer-prev::before,
.viewer-toolbar > ul > .viewer-next::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.viewer-toolbar > ul > .viewer-next {
    position: fixed;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 70px;
}
